@import "../../wxss/base/_base";
@import "../../wxss/global.scss";

page{background: #f5f5f5;}
.spacing{margin-top: 12rpx;}


.page-ticket{padding: 18rpx 18rpx 70rpx;}

.ticket-info-top{text-align: center;padding: 58rpx 0;
	.tt{font-size: 36rpx;color: #bfb197;@include f-bold;}
	.sub-txt{font-size: 24rpx;color: #999;padding-top: 38rpx;}
}

.ticket-info-box{position: relative;overflow: hidden;border-radius: 12rpx;
	.box-hd{height: 118rpx;background: radial-gradient(circle at top left,transparent 0,#fff 0) top left,radial-gradient(circle at top right,transparent 0,#fff 0) top right,radial-gradient(circle at bottom right,transparent 6px,#fff 0) bottom right,radial-gradient(circle at bottom left,transparent 6px,#fff 0) bottom left;background-size: 60% 60%;background-repeat: no-repeat;text-align: center;font-size: 34rpx;color: #353535;@include flex-box;@include vc;@include hc;position: relative;@include f-bold;
		&::before{ @include line-dashed-btm($deg:90deg,$color:$border,$color-bg:transparent,$start-pos:4px,$end-pos:8px,$repeat:no-repeat,$size:1px);left: 12rpx;right: 12rpx;}
	}
	.box-bd{background: radial-gradient(circle at bottom left,transparent 0,#fff 0) bottom left,radial-gradient(circle at bottom right,transparent 0,#fff 0) bottom right,radial-gradient(circle at top right,transparent 6px,#fff 0) top right,radial-gradient(circle at top left,transparent 6px,#fff 0) top left;background-size: 60% 60%;background-repeat: no-repeat;padding: 0 30rpx;}
}

.ticket-num{padding: 20rpx 0;
	.num-tips{font-size: 24rpx;color: #353535;}
	.ipt-wrap{
		input{font-size: 28rpx;color: #353535;}
	}
}

.ticket-slt-area{position: relative;@include flex-box;@include vc;
	&::before{@include line-top;}
	&.spacing{margin-top: 16rpx;}
	.lt,.rt{@include flex;width: 0;padding: 22rpx 0;}
	.rt{padding-left: 28rpx;position: relative;
		&::before{@include line-left;}
	}
	.tt{font-size: 24rpx;color: #353535;}
	.picker{font-size: 28rpx;color: #888;padding-top: 12rpx;}
}







